<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href ="https://fonts.googleapis.com/css?family=Lato" rel ="stylesheet">
    <link rel="stylesheet" href="style.css">
    <!-- Boxicons CSS -->
    <link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
    <title>menu</title>
</head>
<body>
    <div class="side close">
        <div class="logo">
            <i class='bx bx-message-dots'></i>
            <span class="detail">Questionnaire</span>
        </div>
        <p>------------------------------------------</p>
        <ul class="nav">
            <li>
                <a href="#">
                    <i class='bx bx-grid-alt'></i>
                    <span class="name1"><b>功能(func)</b></span>
                </a>
            </li>
             <li>
                 <div class="ques-list">
                     <a href="#">
                         <i class='bx bxs-collection' ></i>
                         <span class="name2"><b>问卷(ques)</b></span>
                    </a>
                    <i class='bx bxs-down-arrow arrow' ></i>
                 </div>
                 <ul class="menu1">                   
                     <li><a class="name2"href="#">问卷</a></li>
                     <li><a href="#">新建问卷</a></li>
                     <li><a href="#">管理问卷</a></li>
                 </ul>
            </li>
            <li>
                 <div class="trash-list">
                     <a href="#">
                         <i class='bx bxs-trash' ></i>
                         <span class="name3"><b>回收站</b></b></span>
                    </a>
                    <i class='bx bxs-down-arrow' ></i>
                 </div>
                 <ul class="menu1">                   
                     <li><a class="name2"href="#">回收站</a></li>
                     <li><a href="#">历史问卷</a></li>
                     <li><a href="#">恢复问卷</a></li>
                 </ul>
            </li>
            <li>
        <div class="profile">
            <div class="content">
                <img src="./bg-img.jpg" alt="pro">
            </div>
            <div class="job">
                <div class="userID">201810096072</div>
            </div>
            <i class='bx bx-log-out' ></i>
        </div>
            </li>
        </ul>
    </div>
    <section class="homesec">
        <div class="home">
            <i class='bx bx-menu-alt-right' ></i>
            <span class="text">Welcome</span>
        </div>
        </section>

    <script src="./index.js" type="type/javascript">
    </script>
</body>
</html>